<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/vue.js"></script>
</head>
<body>
<div id="root">
    <button @click="setIsShow(!isShow)">{{isShow?"隐藏":"显示"}}</button>
    <child v-if="isShow" :set-is-show="setIsShow"></child>
</div>
</body>
<script>
new Vue({
    el: "#root",
    data: {
        isShow: true,
    },
    methods:{
        setIsShow(isShow){
            this.isShow = isShow
        }
    },
    components:{
        child:{
            props:{
                setIsShow:Function
            },
            template:`
              <div style="width:400px;height:400px;background:red;">
                <button @click="setIsShow(false)">隐藏</button>
              </div>
            `
        }
    }
})

</script>
</html>